<!DOCTYPE html>
<html class="ie ie7 lte9 lte8 lte7" lang="en-US">
<html class="ie ie8 lte9 lte8" lang="en-US">
<html class="ie ie9 lte9" lang="en-US">
<html class="noIE" lang="en-US">
<head>
    <title>Laity数据可视化</title>
    <style>
        .pull-right {
            text-decoration: none;
            color: blue;
            font-size: 18px;
            font-family: 微软雅黑;
        }

        .pull-right > a:hover {
            color: #09f;
            font-size: 19px;
        }

        .pull-right > a {
            text-decoration: none
        }

        .pull-right > a:hover {
            text-decoration: underline
        }
    </style>
    <!-- meta -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale = 1.0, maximum-scale=1.0, user-scalable=no"/>

    <!-- google fonts -->
    <link rel='stylesheet' href='http://fonts.googleapis.com/css?family=PT+Sans'>
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Droid+Serif:regular,bold"/>
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Alegreya+Sans:regular,italic,bold,bolditalic"/>
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Nixie+One:regular,italic,bold,bolditalic"/>
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Alegreya+SC:regular,italic,bold,bolditalic"/>

    <!-- css -->
    <link rel="stylesheet" href="static/assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="static/assets/css/font-awesome.min.css">
    <link rel="stylesheet" href="static/assets/css/style.css" media="screen"/>

    <!-- HTML5 shim 和 Respond.js IE8 支持 HTML5 元素和媒体查询 -->
    <script src="static/assets/js/html5shiv.js"></script>
    <script src="static/assets/js/respond.js"></script>

    <!--[if IE 8]>
    <script src="static/assets/js/selectivizr.js"></script>
    <![endif]-->
</head>

<body>

<div id="wrapper">
    <!--头部-->
    <div id="header" class="content-block header-wrapper">
        <div class="header-wrapper-inner">
            <section class="top clearfix">
                <div class="pull-left">
                    <h1><a class="logo" href="/index">Laity</a></h1>
                </div>
                <div class="pull-right">
                    <a href="/" class="logo">
                        <span>首页</span>
                    </a>
                    <span>&nbsp; </span>
                    <a href="/movie" class="logo">
                        <span>  电影</span>
                    </a>
                    <span>&nbsp;</span>
                    <a href="/score" class="logo">
                        <span>  评分</span>
                    </a>
                    <span>&nbsp; </span>
                    <a href="/word" class="logo">
                        <span>  词云</span>
                    </a>
                    <span>&nbsp; </span>
                    <a href="/team" class="logo">
                        <span>  团队  </span>
                    </a>
                </div>
            </section>
            <section class="center">
                <div class="slogan">
                    数据分析 &amp; 数据展示
                </div>
                <div class="secondary-slogan">
                    作者：Laity
                </div>
            </section>
            <section class="bottom">
                <a id="scrollToContent" href="/">
                    <img src="static/assets/images/arrow_down.png">
                </a>
            </section>
        </div>
    </div>

    <!--第二层-->
    <div class="content-block" id="portfolio">
        <div class="container">
            <header class="block-heading cleafix">
                <a href="#" class="btn btn-o btn-lg pull-right">查看全部</a>
                <h1>豆瓣电影Top250电影</h1>
                <p>应用Python爬虫、Flask、Echarts、WordCloud</p>
            </header>
            <section class="block-body">
                <div class="row">
                    <div class="col-sm-3">
                        <a href="/movie" class="recent-work"
                           style="background-image:url(static/static/assets/images/rain_1-320x240.jpg)">
                            <span class="btn btn-o-white">经典电影</span>
                        </a>
                    </div>
                    <div class="col-sm-3">
                        <a href="/score" class="recent-work"
                           style="background-image:url(static/assets/images/min_icons_thumb1-320x240.jpg)">
                            <span class="btn btn-o-white">评分统计</span>
                        </a>
                    </div>
                    <div class="col-sm-3">
                        <a href="/word" class="recent-work"
                           style="background-image:url(static/assets/images/flat_icons_thumb.jpg)">
                            <span class="btn btn-o-white">词汇统计</span>
                        </a>
                    </div>
                    <div class="col-sm-3">
                        <a href="/team" class="recent-work"
                           style="background-image:url(static/assets/images/wood-320x240.jpg)">
                            <span class="btn btn-o-white">团队成员</span>
                        </a>
                    </div>
                </div>
            </section>
        </div>
    </div>

    <!--第三层 可有可无-->
    <div class="content-block parallax" id="parallax">
        <div class="container text-center">
            <h1>In at accumsan risus. Nam id volutpat ante. Etiam vel mi mattis, vulputate nunc nec, sodales nibh. Etiam
                nulla magna, gravida eget ultricies sit amet, hendrerit.</h1>
            <a href="" class="btn btn-o-white btn-lg">Get a free quote</a>
        </div>
    </div><!-- #parallax -->
    <!--第四层 大头照-->
    <div class="content-block" id="testimonials">
        <div class="container">
            <header class="block-heading cleafix">
                <h1>Testimonials</h1>
                <p>Some happy customers have to say.</p>
            </header>
            <section class="block-body">
                <div class="row">
                    <div class="col-md-4">

                    </div>
                    <div class="col-md-4">
                        <div class="testimonial">
                            <img src="static/assets/images/testimonial_31-190x190.jpg">
                            <p>个人介绍</p>
                            <strong>姓名</strong><br/>
                            <span>职位</span>
                        </div>
                    </div>

                    <div class="col-md-4">

                    </div>
                </div>
            </section>
        </div>
    </div>

    <!--尾部-->
    <div class="content-block" id="footer">
        <div class="container">
            <div class="row">
                <div class="col-xs-6">&copy; Copyright Laity 2022</div>
                <div class="col-xs-6 text-right">本人其它作品<a href="http://wikq.xyz/"
                                                          target="_blank">WikQ</a></div>
            </div>
        </div>
    </div>


</div>


<script src="static/assets/js/jquery-2.1.3.min.js"></script>
<script src="static/assets/js/jquery-migrate-1.2.1.min.js"></script>
<script src="static/assets/js/bootstrap.min.js"></script>
<script src="static/assets/js/jquery.actual.min.js"></script>
<script src="static/assets/js/jquery.scrollTo.min.js"></script>
<script src="static/assets/js/script.js"></script>

</body>
</html>
